<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>收入单</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 字体插件 -->
        <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
        <!-- Tempusdominus Bbootstrap 4 -->
        <link rel="stylesheet" href="../plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.css">
        <!-- 主题 -->
        <link rel="stylesheet" href="../dist/css/adminlte.min.css">
        <!-- 滚动条 -->
        <link rel="stylesheet" href="../plugins/overlayScrollbars/css/OverlayScrollbars.css">
        <!-- Google Font: Source Sans Pro -->
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">


        <!--  vue及其请求数据的函数       -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

    </head>
    <body class="hold-transition sidebar-mini layout-fixed">

        <div class="wrapper">

            <!-- 头部状态栏 -->
            <nav class="main-header navbar navbar-expand navbar-white navbar-light">
                <!-- home -->
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
                    </li>
                    <li class="nav-item d-none d-sm-inline-block">
                        <a href="../index.html" class="nav-link">Home</a>
                    </li>
                </ul>

                <!-- 消息 -->
                <ul class="navbar-nav ml-auto">
                    <!-- Messages Dropdown Menu -->
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="dropdown" href="#">
                            <i class="far fa-comments"></i>
                            <span class="badge badge-danger navbar-badge">3</span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                            <a href="#" class="dropdown-item">
                                <!-- Message Start -->
                                <div class="media">
                                    <img src="../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            Brad Diesel
                                            <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                                        </h3>
                                        <p class="text-sm">Call me whenever you can...</p>
                                        <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                    </div>
                                </div>
                                <!-- Message End -->
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item">
                                <!-- Message Start -->
                                <div class="media">
                                    <img src="../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            John Pierce
                                            <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                                        </h3>
                                        <p class="text-sm">I got your message bro</p>
                                        <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                    </div>
                                </div>
                                <!-- Message End -->
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item">
                                <!-- Message Start -->
                                <div class="media">
                                    <img src="../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            Nora Silvester
                                            <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                                        </h3>
                                        <p class="text-sm">The subject goes here</p>
                                        <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                    </div>
                                </div>
                                <!-- Message End -->
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
                        </div>
                    </li>
                    <!-- Notifications Dropdown Menu -->
                </ul>
            </nav>


            <!-- 左侧控制台 -->
            <aside class="main-sidebar sidebar-dark-primary elevation-4">
                <!-- Brand Logo -->
                <a href="index3.html" class="brand-link">
                    <img src="../images/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
                         style="opacity: .8">
                    <span class="brand-text font-weight-light">ERP管理系统</span><br>
                </a>

                <!-- Sidebar -->
                <div class="sidebar">
                    <!-- Sidebar user panel (optional) -->
                    <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                        <div class="image">
                            <img src="../images/headImg/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
                        </div>
                        <div class="info">
                            <a href="#" class="d-block">首页</a>
                        </div>
                    </div>

                    <!-- Sidebar Menu -->
                    <nav class="mt-2">
                        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                            <!-- Add icons to the links using the .nav-icon class
                                 with font-awesome or any other icon font library -->

                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-copy"></i>
                                    <p>
                                        仓库管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="../pages/layout/top-nav.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Top Navigation</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Top Navigation + Sidebar</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/boxed.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Boxed</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/fixed-sidebar.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Fixed Sidebar</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/fixed-topnav.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Fixed Navbar</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/fixed-footer.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Fixed Footer</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/layout/collapsed-sidebar.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Collapsed Sidebar</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-chart-pie"></i>
                                    <p>
                                        销售管理
                                        <i class="right fas fa-angle-left"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/charts/chartjs.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>ChartJS</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/charts/flot.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Flot</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/charts/inline.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Inline</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-tree"></i>
                                    <p>
                                        采购管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/UI/general.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>General</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/icons.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Icons</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/buttons.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Buttons</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/sliders.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Sliders</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/modals.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Modals & Alerts</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/navbar.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Navbar & Tabs</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/timeline.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Timeline</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/UI/ribbons.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Ribbons</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-edit"></i>
                                    <p>
                                        财务管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/forms/general.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>General Elements</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/forms/advanced.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Advanced Elements</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/forms/editors.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Editors</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/forms/validation.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Validation</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-table"></i>
                                    <p>
                                        商品管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/tables/simple.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Simple Tables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/data.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>DataTables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/jsgrid.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>jsGrid</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-table"></i>
                                    <p>
                                        合作管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/tables/simple.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Simple Tables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/data.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>DataTables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/jsgrid.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>jsGrid</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-table"></i>
                                    <p>
                                        基础管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/tables/simple.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Simple Tables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/data.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>DataTables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/jsgrid.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>jsGrid</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item has-treeview">
                                <a href="#" class="nav-link">
                                    <i class="nav-icon fas fa-table"></i>
                                    <p>
                                        系统管理
                                        <i class="fas fa-angle-left right"></i>
                                    </p>
                                </a>
                                <ul class="nav nav-treeview">
                                    <li class="nav-item">
                                        <a href="pages/tables/simple.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>Simple Tables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/data.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>DataTables</p>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages/tables/jsgrid.html" class="nav-link">
                                            <i class="far fa-circle nav-icon"></i>
                                            <p>jsGrid</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <!-- /.sidebar-menu -->
                </div>
                <!-- /.sidebar -->
            </aside>

            <!-- 页面 -->
            <div class="content-wrapper">

                <div id="app" class="row">
                   <div class="col-sm-1"></div>
                    <div class="col-sm-10">
                     <div class="row">
               <!--  搜索框      -->
                    <div class="col-sm-1"></div>
                     <div class="col-sm-4">
                         <div class="input-group mb-3">
                             <input type="text" class="form-control" placeholder="查找收入单(输入客户名字)" id="tname">
                             <div class="input-group-append">
                                 <button class="btn btn-outline-secondary" type="button" @click="findItemByTname">
                                     <i class="fa fa-search"></i>
                                 </button>
                             </div>
                         </div>

                     </div>
                         <div class="col-sm-3"></div>
                         <div class="col-sm-2">
							<!--记得添加点击事件-->
                             <button  class="btn btn-outline-secondary" type="button" data-toggle="modal" data-target="#exampleModal">
                                 <i class="fa fa-plus">添加收支单</i>
                             </button>
                         </div>
                         <div class="col-sm-1"></div>
                     </div>

                        <!--   添加收入单       -->
                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">添加收入单 </h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">产品名称</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" v-model="pname">
                                            </div>
                                            <div class="col-sm-1"></div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">客户名称</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" v-model="tname">
                                            </div>
                                            <div class="col-sm-1"></div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">数量</label>
                                            <div class="col-sm-8">
                                                <input type="number" class="form-control" v-model="num">
                                            </div>
                                            <div class="col-sm-1"></div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">总价</label>
                                            <div class="col-sm-8">
                                                <input type="number" class="form-control" v-model="cprice">
                                            </div>
                                            <div class="col-sm-1"></div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">操作员</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" v-model="cname">
                                            </div>
                                            <div class="col-sm-1"></div>
                                        </div>

                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                        <button type="button" class="btn btn-primary" @click="submit">提交</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    <div>
                    <table class="table table-hover table-bordered">
             <!--  表头部分-->
                      <tr>
                          <th>id</th>
                          <th>产品名称</th>
                          <th>客户名称</th>
                          <th>客户id</th>
                          <th>数量</th>
                          <th>总价</th>
                          <th>类型</th>
                          <th>操作员</th>
                          <th>状态</th>
                          <th>日期</th>
                      </tr>
                        <!--     表单部分，从后台获取数据   -->
                        <tr v-for="(item,index) in items">
                            <td>{{index+1}}</td>
                            <td>{{item.pname}}</td>
                            <td>{{item.tname}}</td>
                            <td>{{item.tenentId}}</td>
                            <td>{{item.num}}</td>
                            <td>{{item.cprice}}</td>
                            <td>{{item.type==0?"支出单":"收入单"}}</td>
                            <td>{{item.cname}}</td>
                            <td>{{item.status==0?"删除":"存在"}}</td>
                            <td>{{item.date}}</td>
                        </tr>

                    </table>
                    </div>

                 <!--    页码标签   -->

                   <div class="btn-group" style="float: right" >
                        <button type="button" class="btn btn-secondary" @click="firstPage">首页</button>
                        <button type="button" class="btn btn-secondary" @click="prePage">上一页</button>
                        <button type="text" class="btn btn-secondary">{{page}}</button>
                        <button type="button" class="btn btn-secondary" @click="nextPage">下一页</button>
                        <button type="button" class="btn btn-secondary" @click="endPage">末页</button>
                   </div>


                    </div>
                    <div class="col-sm-1"></div>
                </div>

                <!--        请求数据-->
                <script type="text/javascript">
                    new Vue({
                        //el 表示选中页面上哪个元素进行操作
                        el: "#app",
                        data:{
                            items:[],
                            page:1,
                            pname:"",
                            tname:"",
                            //这里num设置初始值为0在于使 num 为数字型
                            num:0,
                            cprice:0,
                            cname:"",
                            //该页面为收入单页面，故类型默认为1
                            type:1,

                        },
                        mounted(){//当页面加载完毕时
                            //通过axios发请求
                            axios
                                .get('../inOutItem/findAll?page=1&type=1')//拼接参数
                                .then(
                                    res => {
                                        console.info(res);
                                        this.items = res.data.data;
                                        this.page = res.data.currentPage;
                                        this.totalPage = res.data.totalPage;

                                    }
                                );
                        },

                        methods:{
                            //提交并添加单子的函数
                            submit:function () {
                                //定义函数传参
                                alert(this.pname);
                                var param = new URLSearchParams();
                                param.append("pname",this.pname);
                                param.append("tname",this.tname);
                                param.append("num",this.num);
                                param.append("cprice",this.cprice);
                                param.append("cname",this.cname);
                                param.append("type",this.type);
                                axios.post('../inOutItem/addItem',param).then(res => {
                                    alert(res.data.message);
                                    window.location.href = "/page/item_in.html";
                                });
                            },
                            //首页
                            firstPage:function () {
                                axios.get('../inOutItem/findAll?type=1&page=1').then(res => {
                                            console.info(res);
                                            this.items = res.data.data;
                                            this.page = res.data.currentPage;
                                            this.totalPage = res.data.totalPage;
                                        });
                            },

                            //末页
                            endPage:function () {
                                //注意这里参数this.totalPage的拼接方式
                                axios.get('../inOutItem/findAll?type=1&page='+this.totalPage).then(res => {
                                    console.info(res);
                                    this.items = res.data.data;
                                    this.page = res.data.currentPage;
                                    this.totalPage = res.data.totalPage;
                                });
                            },

                            //上一页
                            prePage:function () {
                                if(this.page>1){
                                    this.page--;
                                } else {
                                    alert("已经是首页了！")
                                }
                                axios.get('../inOutItem/findAll?type=1&page='+this.page).then(res => {
                                    console.info(res);
                                    this.items = res.data.data;
                                    this.page = res.data.currentPage;
                                    this.totalPage = res.data.totalPage;
                                });
                            },

                            //下一页
                            nextPage:function () {
                                if(this.page<this.totalPage){
                                    this.page++;
                                } else {
                                    alert("已经是末页了！")
                                }
                                axios.get('../inOutItem/findAll?type=1&page='+this.page).then(res => {
                                    console.info(res);
                                    this.items = res.data.data;
                                    this.page = res.data.currentPage;
                                    this.totalPage = res.data.totalPage;
                                });
                            },
                            //根据客户名字查询单子
                            findItemByTname:function () {
                                var tname = $('#tname').val();
                                axios.get('../inOutItem/findItemByTname?type=1&tname='+tname).then(res => {
                                    console.info(res);
                                    this.items = res.data.data;
                                    this.page = res.data.currentPage;
                                    this.totalPage = res.data.totalPage;
                                });

                            }



                        }

                    });
                </script>

            </div>

        </div>

        <!-- jQuery -->
        <script src="../plugins/jquery/jquery.js"></script>
        <!-- jQuery UI 1.11.4 -->
        <script src="../plugins/jquery-ui/jquery-ui.js"></script>
        <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
        <script>
            $.widget.bridge('uibutton', $.ui.button)
        </script>
        <!-- Bootstrap 4 -->
        <script src="../plugins/bootstrap/js/bootstrap.bundle.js"></script>
        <!-- Tempusdominus Bootstrap 4 -->
        <script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.js"></script>
        <!-- Summernote -->
        <script src="../plugins/summernote/summernote-bs4.js"></script>
        <!-- overlayScrollbars -->
        <script src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.js"></script>
        <!-- AdminLTE App -->
        <script src="../dist/js/adminlte.js"></script>
    </body>
</html>
